<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<style>
			/*1.抓到图片元素*/
			img{
				animation:rotate .9s linear infinite;
			}
			/*2.在图片上进行旋转*/
			@keyframes rotate {
		       from{
			   transform:rotate(0deg);
			}
			to{
				transform: rotate(360deg);
			}

			
		</style>
	</head>
	<body>
		
		<!--音视频元素--参考图片元素写法  video  auido
		 html5针对属性和属性值一致情况：省去属性值
		 qutoplay属性 自动播放一次
		 controls属性 播放条
		 loop属性  无限次播放
		 
		 -->
		<video src="img/oceans-clip.mp4" autoplay controls="autoplay"></video>
		<audio src="img/dafengche.mp3" autoplay controls></audio>
		<!--1.大风车图片片引入-->
		<img src="img/dfc.jpg"alt="大风车"/>
	
	</body>
</html>